@import '../../variable.less';
.main{
  padding-bottom: 0rpx;
}
.record-main{
  background-color: #eee;
  position: relative;
  width: 100%;
  height: 100vh;
  padding:32rpx 32rpx 0rpx;
  font-size: @s-fontsize;
  box-sizing: border-box;
  
  .part2{
    position: relative;
    width: 100%;
    height: 100%;
    .tools{
      display: flex;
      align-items: center;
      justify-content: space-between;
      .title{
        font-size: @m-fontsize;
        font-weight: bold;
      }
      .btn{
        font-size: @s-fontsize;
        font-weight: bold;
        color: black;
        line-height: 48rpx;
        border-radius: 48rpx;
        padding:16rpx 32rpx;
        border:1rpx solid #eee;
        background-color: white;
      }
      
    }
    .ai-result{
      margin-top: 32rpx;
      padding:32rpx;
      background: linear-gradient(to bottom, pink, 10%,white);
      border-radius: 16rpx;
      height: 58vh;
      .ai-result-header{
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1rpx solid #333;
        .res-tip{
          font-size: @m-fontsize;
          font-weight: bold;
          padding-bottom: 12rpx;
          
        }
      }
      
      .audio{
        // margin-top: 32rpx;
      }
      .res-title{
        font-size:  @m-fontsize;
        font-weight: bold;
        margin-top: 16rpx;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
      }
      .res-content{
        margin-top: 16rpx;
        font-size: @s-fontsize;
        overflow-y: auto;
        height: calc(100% - 200rpx);
      }
      .share-btn-wrap{
        margin-top: 20rpx;
        .share-btn{
          background: none;
          border: none;
          width: 48rpx;
          height: 48rpx;
          padding: 0;
          appearance: none;
          font-size: 0;
          box-shadow: none;
          margin: 0;
        }
      }
    }
    
    .ai-result-console{
      width: 100%;
      bottom: 40rpx;
      box-sizing: border-box;
      width: 100%;
      padding:0rpx 32rpx;
      margin-top: 32rpx;

      .im-btn{
        width: 100%;
        height: 100rpx;
        border-radius: 50rpx;
        font-size: @s-fontsize;
        font-weight: bolder;
        text-align: center;
        line-height: 100rpx;
        color: white;
        background-color: @primary-btn-color;
      }
      .tip{
        font-size: @xs-fontsize;
        text-align: center;
        margin-top: 32rpx;
      }
      .btn-group{
        margin-top: 32rpx;
        
        .btn-row{
          display: flex;
          align-items: center;
          justify-content: space-between;
          margin-bottom: 16rpx;
          .btn-item{
            background-color: @minor-btn-color;
            width: 45%;
            height: 100rpx;
            border-radius: 50rpx;
            font-size: @s-fontsize;
            font-weight: bolder;
            text-align: center;
            line-height: 100rpx;
            color: black;
          }
        }
      }
      
      .btn{
        width: 240rpx;
        height: 80rpx;
        line-height: 80rpx;
        border-radius: 80rpx;
        color: white;
        font-size: @s-fontsize;
        text-align: center;
        font-weight: bold;
      }
    }
  }
}